<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
		* {
    box-sizing: border-box;
}
 
/* body 样式 */
body {
    font-family: Arial;
    margin: 0;
}
 
/* 标题 */
.header {
	margin: 0 auto;
    
   
    background-color:#FFFFFF;
    background-color: aquamarine;
    width: 1250px;
    height: 450px;
    
}
 
/* 标题字体加大 */
.header h1 {
    font-size: 40px;
}
 
/* 导航 */
.navbar {
    overflow: hidden;
    background-color: #333;
}
 
/* 导航栏样式 */
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}
 
/* 右侧链接*/
.navbar a.right {
    float: right;
}
 
/* 鼠标移动到链接的颜色 */
.navbar a:hover {
    background-color:#FFFFFF;
    color: black;
}
 
/* 列容器 */
.row {  
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    background-color:#FFFFFF;
    width:
}
 
/* 创建两个列 */
/* 边栏 */
.side {
    -ms-flex:0; /* IE10 */
    flex: 0;
    background-color:#FFFFFF;
    padding: 0;
}
 
/* 主要的内容区域 */
.main {   
    -ms-flex: 70%; /* IE10 */
    flex: 70%;
    background-color: white;
    padding: 20px;
}
 
/* 测试图片 */
.fakeimg {
    background-color:#FFFFFF;
    width: 100%;
    padding: 20px;
}
 
/* 底部 */
.footer {
    padding:px;
    text-align: center;
    background:;
}
 
/* 响应式布局 - 在屏幕设备宽度尺寸小于 700px 时, 让两栏上下堆叠显示 */
@media screen and (max-width: 700px) {
    .row {   
        flex-direction: column;
    }
}
 
/* 响应式布局 - 在屏幕设备宽度尺寸小于 400px 时, 让导航栏目上下堆叠显示 */
@media screen and (max-width: 400px) {
    .navbar a {
        float: none;
        width: 100%;
    }
}
	</style>
	</head>
	<body>
		<div class="header">
			<img src="img/搜狗截图20年12月09日1311_2.png" width="1250px" height="450px">
	
</div>
 
<div class="navbar">
	<center>
	<a href="#"></a>	
	<a href="#"></a>	
	<a href="#"></a>	
	<a href="#"></a>	
	<a href="#"></a>	
	<a href="#"></a>
	<a href="#"></a>
	<a href="#"></a>
	<a href="#"></a>
  <a href="https://www.porsche.cn/china/zh/">保时捷</a>
  <a href="https://www.porsche.cn/china/zh/motorsportandevents/">赛车&活动</a>
  <a href="https://www.porsche.cn/china/zh/models/">全部车型</a>
  <a href="https://www.porsche.cn/china/zh/accessoriesandservice/">个性化与服务</a>
  <a href="https://www.porsche.cn/china/zh/aboutporsche/">关于保时捷</a>
 </center>
</div>
 
<div class="row">
  <div class="side">
      <h2></h2>
      <h5></h5>
      <div class="fakeimg" style="height:300px;"><img src="img/搜狗截图20年12月09日1340_4.png" width="1220px" height="300px">
	</div>
      <p></p>
      <h3></h3>
      <p></p>
      <div class="fakeimg" style="height:160px;"><img src="img/搜狗截图20年12月09日1514_5.png" width="1220px" height="300px"> </div><br>
      <div class="fakeimg" style="height:60px;"></div><br>
      <div class="fakeimg" style="height:60px;">
	</div></div>
  </div>
      <font size="4">
      <p>关于Porsche</p>
      <p>保时捷（又名波尔舍）是德国大众汽车集团旗下的豪华汽车品牌，欧美汽车的主要代表，于1931年在德国斯图加特成立。

保时捷主要以制造跑车及参与赛车运动闻名，是世界三大跑车生产商之一，与意大利的法拉利和英国的莲花汽车齐名。</p></font>
      <br>
      <h2>© 2020 保时捷（中国）汽车销售有限公司 法律声明   English   沪ICP备10013326号 </h2>
      <h5>沪公网安备：31011502014993号</h5>
      <p>保时捷中国强烈建议您：只在授权的保时捷中心购买车辆和配件。
请点击这里获得更多信息。

环保信息公开</p>
      
  </div>
</div>
 
<div class="footer">
</div>
		
	</body>
	  
</html>
